
 <template>
    <!-- 面包屑 面包屑就会显示为：首页 > 数码产品 > 手机 > 苹果手机 > iPhone 15，点击任意前面的层级（如「手机」）
     ，就能直接回到该页面 —— 这就是面包屑的核心价值：让用户 “不迷路”，快速定位和回溯-->
    <div>
        <el-card>
  <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item
  v-for="(item,index) in $route.matched"
  :key="index"
  >{{ item.name }}
</el-breadcrumb-item>
  
</el-breadcrumb>
        </el-card>
    </div>
 </template>

 <script>
export default {
name: 'BreadCrumb'
}

</script>